@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
	
.navbar-toggle{padding:6px;color:#fff; padding-top: 0px; z-index: 1111111; position: absolute; right: 0px; top: 10px;}
.navbar-toggle i{font-size:20px; line-height: 1;color:#fff;}
.navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0;}
.navbar-toggle i{ width: 32px; height: 3px; display: block; background: #fff; margin-bottom: 4px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
.navbar-toggle1 i:nth-child(3){ margin-bottom:0;}
.navbar-toggle1 i:nth-child(1){
    transform:translate3d(0,7px,0) rotate(-135deg);
    -webkit-transform:translate3d(0,7px,0) rotate(-135deg);
    -moz-transform:translate3d(0,7px,0) rotate(-135deg);
    -ms-transform:translate3d(0,7px,0) rotate(-135deg);
}
 .navbar-toggle1 i:nth-child(2){ opacity: 0;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
}
.navbar-toggle1 i:nth-child(3){
    transform:translate3d(0,-7px,0) rotate(135deg);
    -webkit-transform:translate3d(0,-7px,0) rotate(135deg);
    -moz-transform:translate3d(0,-7px,0) rotate(135deg);
    -ms-transform:translate3d(0,-7px,0) rotate(135deg);
}
	
	
	
.top_box{ position: relative; height: 160px; }
.logo{float: left; padding-top: 35px; width: 100%; text-align: center;}
	.logo img{width: 160px;}
.tel{position:relative; width: 100%; right: 0px; top: 10px; bottom: 0px; text-align:center; font-size: 18px; line-height: 24px; font-weight: 500; }
.top_server{ position: absolute; width: 100%; text-align: center; height: 26px; line-height: 26px; top: 0px; right: 0px; background: #c00000; color: #fff;}
.top_server img{width: 18px;}
.top_server a{color: #fff;}
	
	
.menu{ width: 100%; height:40px; border-top: 1px solid #e5e5e5; font-size: 16px; z-index: 99999; position: relative;}
.menu_box{width:100%; margin: 0px auto;}
.menu_l{float: left; width: 250px; line-height: 40px; background: #f2f2f2; text-align: center; display: none;}
.search{ display: none;}
	
	
.banner_wenzisj{ display: block; z-index: 9; width:100%; padding: 0px 0px;background: rgba(0,0,0,.8); color: #fff; font-size: 14px; text-align: left;}
.ban_wz1{ line-height: 26px; width: 50%;float: left;}
.ban_wz1 a{display: block; padding: 5px 10px 5px 15px; height:auto; border-bottom: 1px solid #666; border-right: 1px solid #666;}
.ban_wz1 a:hover{display: block; background: #000;}
.ban_wz1 a b{ font-size: 13px; color: #fff; display: block; font-weight: 400; line-height: 20px;}
.ban_wz1 a span{ font-size: 12px; color: #9f9fa1; display: block;line-height: 20px;}

	
	
.apple-banner {width: 100%;height:auto;overflow: hidden; text-align: center; position: relative;}
.apple-banner .swiper-container {width: 100%;height: 180px}
.swiper-button-prev, .swiper-button-next {width: 15%;height: 100%;background: 0 0}
.swiper-button-prev {left: 0}
.swiper-button-next {right: 0}
.swiper-button-prev span, .swiper-button-next span {display: block;width: 34px;height: 34px;position: absolute;left: 10px;top: 0%;margin-top: 0px;border-radius: 100%;
	background: rgba(180,180,180,.25) url(../img/arrows.png) no-repeat center 0px; background-size: 20px;
opacity: 0.5;-webkit-transition: opacity .5s ease;transition: opacity .5s ease}
.swiper-button-next span {background: rgba(180,180,180,.25) url(../img/arrows.png) no-repeat center -88px;left: auto;right: 10px}

.swiper-button-prev:hover span, .swiper-button-next:hover span {opacity: 1}
.apple-banner .swiper-pagination {top: auto;bottom: 0px;background: 0 0; left: 40%;}
.apple-banner .swiper-pagination-bullet {display: inline-block;width: 20px;height: 15px;margin: 0 3px;cursor: pointer;background: 0 0;border-radius: 0;opacity: 1}
.apple-banner .swiper-pagination-bullet span {width: 20px;height: 2px;display: block;background: rgba(192,0,0,.2)}
.apple-banner .swiper-pagination-bullet-active span {background: red}
.apple-banner .autoplay .swiper-pagination-bullet-active span {background: rgba(192,0,0,.2);
}
.apple-banner .swiper-pagination-bullet i {background: rgba(192,0,0,1);height: 2px;transform: scaleX(0);transform-origin: 0;display: block}
.apple-banner .autoplay .firsrCurrent i {transition: transform 2.9s linear;transform: scaleX(1)}
.apple-banner .autoplay .current i {transition: transform 4s linear;transform: scaleX(1)}
.apple-banner .autoplay .replace span {background: rgba(192,0,0,.2);}
.slide1 {}
.slide2 {}
.slide3 {}

.apple-bannerpag {width: 100%;height: 150px;overflow: hidden; text-align: center; position: relative;
 -moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}
.apple-bannerpag .swiper-container {width: 100%;height: 200px}

.apple-banner .swiper-container .swiper-wrapper .swiper-slide { background-size: 150%; background-repeat: no-repeat;}
.apple-bannerpag .swiper-container .swiper-wrapper .swiper-slide { background-size: 150%; background-repeat: no-repeat;}
	
	
.in_tuijian{ -moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}
.in_tuijian_box{padding: 5px 0px 15px 0px;}
.wrapper{ width: 25%; padding-left: 4%; float: left; color:#777475; text-align: center; position: relative; border-right: 1px solid #ccc;}
.wrapper:nth-child(4){ border: 0;}
.timer{ font-size: 20px; float: left; font-weight: bold;}
.timex{ float: left; padding-left: 10px;}
.timey{ clear: both; text-align: left; padding-top: 5px;}
/*========== banner下时间 ==========*/

	
	
.index_tit{ height: 50px;}
.index_tit h5{ display:inline-block; font-size: 18px; height: 26px; line-height: 26px; font-weight:400; border-left: 4px solid #000; padding-left: 10px; margin-top: 10px;}
.index_tit span{ display:none;font-size: 11px; line-height: 20px; height: 20px; padding-left: 10px; text-transform:uppercase; color: #999;margin-top: 10px;}
.index_tit_r{float: right; text-align: right; padding: 10px 5px 0px 0px;}
.index_tit_r b{ display: block; font-size: 13px;font-weight: 700;}
.index_tit_r em{display: block; font-size: 10px; }
.index_tit_b{ border-bottom:1px solid #ccc;}
/*========== 首页标题 ==========*/


.index_case{ padding: 20px 0px 10px 0px;}
.index_case_box{ padding-top: 10px;}
.index_ca_1{ width:48%; margin-right: 1%; margin-left: 1%; float: left; overflow: hidden; margin-bottom: 10px;}
.index_ca_1:nth-child(3){ margin-right: 0%;}
.index_ca_1:nth-child(6){ margin-right: 0%;}

a.index_ca_1a{ display: block; position: relative;}
a.index_ca_1a .index_ca_1ah{position: absolute; width: 100%; height: 100%; color: #fff; padding: 20px; z-index: 9; opacity: 0; background: rgba(0,0,0,.7); transition:400ms ease all;}
a:hover.index_ca_1a .index_ca_1ah{position: absolute; z-index: 9; opacity:1;}
.index_ca_1ah1{ font-size: 22px;}
.index_ca_1ah2{ padding-top: 20px; line-height: 24px;}
.index_ca_1ah3{padding-top: 20px; line-height: 24px;}
.index_ca_1ah4{margin-top: 20px; background: #000; padding: 5px 5px; width: 130px;}

a.index_ca_1a1{ display: block; padding: 10px 0px;}
a.index_ca_1a1 span{ display: block; font-size: 10px; display: block; height: 15px; line-height: 15px; overflow: hidden; text-transform:uppercase; }
a.index_ca_1a1 b{ display: block; font-size: 18px; font-weight: 400; padding-bottom: 7px; border-bottom: 1px solid #ccc;}
a.index_ca_1a1 .ca_more{ width:120px;margin-top: 10px; font-size: 12px; padding: 3px 10px; background: #000; color: #fff; }
a:hover.index_ca_1a1 .ca_more{ background: #c00000;}
a:hover.index_ca_1a1 span{ color: #c00000; }
a:hover.index_ca_1a1 b{  color: #c00000;}

.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img{ width:100%; height:auto; }
/*========== index_case ==========*/


.index_zxcase{ border-top: 1px solid #000;  padding: 10px 0px;}
.index_zxcase_box{width: 100%; padding-top: 10px;}
.in_zxca_b1{width:48%; margin-right: 1%; margin-left: 1%; float: left; margin-bottom: 15px;
-moz-box-shadow:3px 5px 20px  rgba(0,0,0,.3); -webkit-box-shadow:3px 5px 20px  rgba(0,0,0,.3);box-shadow:3px 5px 20px  rgba(0,0,0,.3);}
.in_zxca_b1:nth-child(3){margin-right:1%;}
.in_zxca_b1:nth-child(4){margin-right:1%; float:right;}
.in_zxca_b1:nth-child(7){margin-right:1%;}
.in_zxca_b1:nth-child(8){margin-right:1%; float:right;}

.in_zxca_b1 a .img{display: block; width: 100%; overflow: hidden;}
.in_zxca_b1 a .img img{width: 100%;transition: all 0.3s ease 0s; z-index: 1; height: 130px;}
.in_zxca_b1 a:hover img{transform: scale(1.1);z-index: 1;}

.in_zxca_b1 a .in_zxca_b1_1{padding: 5px 5px; background: #fff; z-index: 9; position: relative;}
.in_zxca_b1 a .in_zxca_b1_1b{ display: block; font-size: 14px; height: 25px; line-height: 25px; font-weight: 400; overflow: hidden; border-bottom: 1px dotted #ccc;}
.in_zxca_b1 a .in_zxca_b1_1s{display: block; margin: 5px 0px; color: #666; font-size: 12px; line-height: 16px; height: 50px; overflow: hidden;}
.in_zxca_b1 a .in_zxca_b2{ background: rgba(0,0,0,.4); color:#fff; padding: 7px 5px; font-size: 12px;}
.in_zxca_b1 a .in_zxca_b2 img{width: 16px;}
.in_zxca_b1 a .in_zxca_b2r{float: right;}

.in_zxca_b1 a:hover .in_zxca_b1_1{background: rgba(0,0,0,.05);}
.in_zxca_b1 a:hover .in_zxca_b2{ background: rgba(0,0,0,.8); }
/*========== index_zxcase ==========*/


.shigong_box{ height:auto;padding: 0px 0px 20px 0px;}


/* 本例子css */
.slideTxtBox{ width:100%; text-align:left; margin-top: 20px;  }
.slideTxtBox .hd{ height:80px; padding:0 0px 0 0px; position:relative; }
.slideTxtBox .hd ul{ float:left;height:80px; position:absolute; left:0px; top:0px; width:100%;   }
.slideTxtBox .hd ul li{display: block; width: 19%; margin:0px 1.2% 0px 0px;  height:80px; float:left; text-align: center; padding:0px; background: rgba(255,255,255,.8); cursor:pointer; transition: all 0.3s ease 0s; 
	-moz-box-shadow:0px 0px 20px  rgba(0,0,0,.3); -webkit-box-shadow:0px 0px 20px  rgba(0,0,0,.3);box-shadow:0px 0px 20px  rgba(0,0,0,.3); }
.slideTxtBox .hd ul li:nth-child(5){margin-right:0%; float:right;}

.slideTxtBox .hd ul li.sbg1{ padding-top: 50px; font-size: 12px; background:url(../images/sbg1h.png) no-repeat center 15px;background-size: 30px;}
.slideTxtBox .hd ul li.sbg2{ padding-top: 50px; font-size: 12px; background:url(../images/sbg2h.png) no-repeat center 15px;background-size: 30px;}
.slideTxtBox .hd ul li.sbg3{ padding-top: 50px; font-size: 12px; background:url(../images/sbg3h.png) no-repeat center 15px;background-size: 30px;}
.slideTxtBox .hd ul li.sbg4{ padding-top: 50px; font-size: 12px; background:url(../images/sbg4h.png) no-repeat center 15px;background-size: 30px;}
.slideTxtBox .hd ul li.sbg5{ padding-top: 50px; font-size: 12px; background:url(../images/sbg5h.png) no-repeat center 15px;background-size: 30px;}

.slideTxtBox .hd ul li.on{ height:80px; color: #fff;  }
.slideTxtBox .hd ul li.on.sbg1{ padding-top: 50px; font-size: 12px; background:url(../images/sbg1a.png) no-repeat center 15px  rgba(0,0,0,.8);background-size: 30px;}
.slideTxtBox .hd ul li.on.sbg2{ padding-top: 50px; font-size: 12px; background:url(../images/sbg2a.png) no-repeat center 15px  rgba(0,0,0,.8);background-size: 30px;}
.slideTxtBox .hd ul li.on.sbg3{ padding-top: 50px; font-size: 12px; background:url(../images/sbg3a.png) no-repeat center 15px  rgba(0,0,0,.8);background-size: 30px;}
.slideTxtBox .hd ul li.on.sbg4{ padding-top: 50px; font-size: 12px; background:url(../images/sbg4a.png) no-repeat center 15px  rgba(0,0,0,.8);background-size: 30px;}
.slideTxtBox .hd ul li.on.sbg5{ padding-top: 50px; font-size: 12px; background:url(../images/sbg5a.png) no-repeat center 15px  rgba(0,0,0,.8);background-size: 30px;}

.slideTxtBox .bd ul{ padding:0px;  zoom:1; background: rgba(0,0,0,.8); display: block; color: #fff; }
.slideTxtBox .bd li{ width: 31%; margin: 1.5% 1%; float: left;}
.slideTxtBox .bd li a{display: block; color: #fff;}
.slideTxtBox .bd li a img{width: 100%;}
.slideTxtBox .bd li a span{ display: block; padding: 10px 0px 0px 0px; font-size: 12px;}

	
	
.index_about{padding: 20px 0px 0px 0px;}
.index_about_kh{}
.index_about_kh ul{ display: block; width: 100%; position: relative;}
.index_about_kh ul li{ float: left; display: flex; width: 25%; padding: 5px 10px; text-align: center;}
.index_about_kh ul li img{ width: 100%;}
.index_about_kh ul li:nth-last-child(2) { display: none;}
	.index_about_kh ul li:nth-last-child(3) { display: none;}
	.index_about_kh ul li:nth-last-child(4) { display: none;}
	.index_about_kh ul li:nth-last-child(5) { display: none;}
	.index_about_kh ul li:nth-last-child(6) { display: none;}
	.index_about_kh ul li:nth-last-child(7) { display: none;}
	.index_about_kh ul li:nth-last-child(8) { display: none;}
	.index_about_kh ul li:nth-last-child(9) { display: none;}
	.index_about_kh ul li:nth-last-child(10) { display: none;}
	.index_about_kh ul li:nth-last-child(11) { display: none;}
	.index_about_kh ul li:nth-last-child(12) { display: none;}
	.index_about_kh ul li:nth-last-child(13) { display: none;}
	.index_about_kh ul li:nth-last-child(14) { display: none;}
	.index_about_kh ul li:nth-last-child(15) { display: none;}

.index_about_kh1{ float: left; width: 100%; heigh:auto; padding: 20px 10px 0px 10px; margin-top: -75px; text-align: center; background: rgba(255,255,255,1); }
.in_ab_kh1_1{ color: #c00000; font-size: 26px; padding-bottom: 14px;}
.in_ab_kh1_1_1{ color: #c00000; font-size: 26px; padding-bottom: 30px;}
.in_ab_kh1_2{border-radius:50%; float: left; width:50%; height: 190px; line-height:190px; font-size: 40px; color: #c00000; border: 3px solid #c00000;}
.in_ab_kh1_21{ margin-left: 0%;}


.in_abou_box{ text-align: center; padding: 20px 0px 0px 0px; border-top: 1px solid #ccc; margin-top: 10px;}
.in_abou_box h5{ font-size: 20px; color: #c00000;}
.in_abou_box_1{ padding-top: 20px; font-size: 12px; line-height: 20px; color: #333; padding-bottom: 20px;}

.in_pj_box{padding: 10px 0 10px 0 ;}
.in_pj_box_1{width: 100%; height: 160px; overflow: hidden; text-align: left; margin: 10px auto; background: rgba(255,255,255,1);}
.in_pj_box_1b{width: 90%; height: 110px; overflow: hidden; text-align: left; margin: 10px auto; background: rgba(255,255,255,1);  color: #fff;
-moz-box-shadow:3px 5px 10px  rgba(0,0,0,.4); -webkit-box-shadow:3px 5px 10px  rgba(0,0,0,.4);box-shadow:3px 5px 20px  rgba(0,0,0,.2);}
.in_pj_box_1 img{ width: 100px; height: 100px; padding-top: 5px; float: left;}
.in_pj_box_2{ color: #333; padding: 10px 10px 10px 105px;}
.in_pj_box_3{ font-size: 14px; font-weight: 600;}
.in_pj_box_4{ height: 60px; font-size: 12px; line-height: 20px; overflow: hidden; margin-top: 8px; color: #666;}


.in_pj_box .swiper-button-prev,.in_pj_box .swiper-button-next {width:30px;height:30px; background: #000;}
.in_pj_box .swiper-button-prev {left: 0px}
.in_pj_box .swiper-button-next {right: 0}

.in_pj_box .swiper-button-prev i{ width: 16px; height: 16px; display: block; margin: 4px auto 0px auto;}
.in_pj_box .swiper-button-next i{ width: 16px; height: 16px; display: block; margin: 4px auto 0px auto;}

.in_pj_box .swiper-pagination {top: auto;bottom: 30px;background: 0 0; left: 45%;}
.in_pj_box .swiper-pagination-bullet {display: inline-block;width: 20px;height: 15px;margin: 0 3px;cursor: pointer;background: 0 0;border-radius: 0;opacity: 1}
.in_pj_box .swiper-pagination-bullet span {width: 20px;height: 2px;display: block;background: rgba(192,0,0,.2)}
.in_pj_box .swiper-pagination-bullet-active span {background: red}
.in_pj_box .autoplay .swiper-pagination-bullet-active span {background: rgba(192,0,0,.2);
}
.in_pj_box .swiper-pagination-bullet i {background: rgba(192,0,0,1);height: 2px;transform: scaleX(0);transform-origin: 0;display: block}
.in_pj_box .autoplay .firsrCurrent i {transition: transform 2.9s linear;transform: scaleX(1)}
.in_pj_box .autoplay .current i {transition: transform 4s linear;transform: scaleX(1)}
.in_pj_box .autoplay .replace span {background: rgba(192,0,0,.2);}


.in_pj_box1 .swiper-button-prev,.in_pj_box1 .swiper-button-next {width:40px;height:40px; background: rgba(0,0,0,0.7);}
.in_pj_box1 .swiper-button-prev {left: 0px}
.in_pj_box1 .swiper-button-next {right: 0}

.in_pj_box1 .swiper-button-prev i{ width: 40px; height: 40px; display: block; margin: 0px auto 0px auto;}
.in_pj_box1 .swiper-button-next i{ width: 40px; height: 40px; display: block; margin: 0px auto 0px auto;}
	.in_pj_box1 .swiper-button-prev i img{width: 40px;}
	.in_pj_box1 .swiper-button-next i img{width: 40px;}

	
	
.index_news{padding: 20px 0px;}

.new_lst_cn{ padding-top: 10px;}
.new-wrap {margin-top: 30px;}
.new-wrap .show {display: block;}
.new_cnlf {width: 30%;float: left; display: none;}
.new_cnlf img{width: 100%;}
.newlf_tel a {color: #c00000;font-size: 18px;line-height: 30px; height: 30px; margin: 8px 0px; text-align: center;display: block; overflow: hidden;}
.newlf_tel a:hover {color: #C33}
.newlf_tx {font-size: 14px;line-height: 26px;color: #999;height:53px;overflow: hidden;}

.new_cnrf {float: right;width: 100%; height:280px; overflow: hidden;}
.newrf_lst dd {width: 98%;height: 85px; margin:0px 1% 10px 1%; border: 1px solid #e4e4e4;float: left; }
.new_rq {width: 65px;height: 65px;background: #969393;float: left;text-align: center;color: #FFF;margin-top: 10px;margin-left: 10px;margin-right: 15px;}
.new_rq .span {display: block;text-align: center;font-weight: bold;padding-top: 5px;}

.new_rq .span .d1{ font-size: 18px;display: block;}
.new_rq .span .d2{ font-size: 13px;font-weight: 400; }
.new_rq .span .d3{ font-size: 13px; font-weight: 400; }

.newrf_tx {float: left;width: 270px;margin-top: 8px;}
.newrf_tx a {color: #333;font-size: 14px;display: block;line-height: 30px; height: 30px; overflow: hidden;}
.newrf_tx .span {display: block;font-size: 12px;color: #999;height: 40px; line-height: 20px; overflow: hidden;}
.newrf_lst dd:hover {border: 2px solid #c00000;box-shadow: 0px 0px 15px rgba(192, 0, 0, .27);}
.newrf_lst dd:hover .newrf_tx a {color: #c00000;}
.newrf_lst dd:hover .new_rq {background: #c00000;margin-top: 9px;margin-left: 9px;}
.newrf_lst dd:hover .newrf_tx {margin-top: 7px;}
.mr0 {margin-right: 0px;}

	
.index_map{width: 100%; height: 400px; display: none;}
.index_mapsj{width: 100%; height:auto; display: block;}
	.index_mapsj img{width: 100%;}
	
	
.foot{color: #fff; padding: 20px 0px 70px 0px; width: 100%;}
.foot a{color: #fff;}
.foot a:hover{color: #c00000;}

.foot_l{ float: left; width: 100%;}
.foot_limg{width: 50%; float: left; padding: 0px 20px 0px 20px;}
.foot_limg img{width: 100%;}
.foot_limg span{display: block; padding-top: 10px; text-align: center;}
.yqlj{padding-top: 40px; color: #919191; display: none;}
.yqlj a{padding-right: 20px; color: #919191;}

.foot_r{ float: right; width: 100%; border-left: 1px solid #ccc; padding-left: 5%; padding-right: 5%;}
.foot_r_a{ display: none;}
.foot_r_a a{ display: inline-block; padding-right: 50px; font-size: 16px;}
.foot_r_tel{ padding:25px 0px 25px 0px;}
.foot_r_tel span{display: block; padding-right: 0px; font-size: 32px; font-weight: bold; text-align: center;}
	.foot_r_tel span a{color: #fff;}
.foot_r_tel span img{ width: 30px; float: none; margin: -5px 10px 0px 0px;}
.foot_b{ font-size: 12px;}
.foot_b1{color: #868686; padding-top: 5px;}
	
.nav-fixed {
    position: fixed;
	display: block;
    z-index: 999;
    bottom: 0;
    width: 100%;
    height: 60px;
    max-width: 640px;
     background: rgba(0,0,0,.9);
    border-top: 1px solid #e8e8e8;
}
.purchase-fixed {
    border: none;
}
.nav-fixed a {
    float: left;
    width: 20%;
    height: 60px;
    padding-top: 10px;
	text-align: center;
}
.nav-fixed a img {
    width: 20px;
    height:20px;
    margin: 0 auto;

}
.nav-fixed a:nth-child(3)  img {
    width: 80px;
    height:80px;
    margin: -30px auto 0px  auto;

}
	
.nav-fixed a p {
    width: 100%; display: block;
    font-size: 12px;
    line-height:16px;
    color: #fff;
	padding-top: 5px;
    text-align: center;
}
.nav-fixed a:active {
    background-color: #e8e8e8;
}
.nav-fixed a.active p{
    color: #fff;
}
.nav-fixed a.active img{
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}
	
	
	
.pag_box{ padding: 20px 0px; min-height: 800px;}
.pag_boxm{width: 100%;padding: 30px 0px; overflow: hidden;}

.pag_nav{ width: 100%; padding: 20px 0px; border-bottom: 1px solid #ccc;}
.pag_nav a{ display: block; float: left; font-size: 13px; line-height: 30px; width:33.3333%; text-align: center; color: #898989;}
.pag_nav a:hover{color:#c00000; font-weight: bold;}
.pag_nav a.dq{color:#c00000; font-weight: bold;}

.case_boxm{width: 100%;padding: 30px 0px; overflow: hidden;}
.case_boxm ul {-moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}
.case_boxm ul li{width: 48%; margin:1% 1%;  float: left; position: relative; overflow: hidden;}
.case_boxm ul li a{display: block;}
.case_boxm ul li a .case_boxm1{ width: 100%; height: 100%; padding: 10px 5px; color: #fff; background: rgba(0,0,0,.7); position:relative; z-index: 9; opacity: 1;transition:400ms ease all;}
.case_boxm ul li a .case_boxm1 h5{font-size: 13px;}
.case_boxm ul li a .case_boxm2{padding-top: 10px; margin-top: 15px; border-top: 1px dotted #999; color: #ccc; display: none;}
.case_boxm ul li a:hover .case_boxm1{ opacity: 1;}
.case_boxm ul li a img{width: 100%;transition:400ms ease all;}
.case_boxm ul li a:hover img{width: 100%; transform: scale(1.1);}

.pag_more{ padding: 30px 0px; margin-bottom: 20px; text-align: center; font-size: 18px; border-bottom:1px solid #ccc}
.pag_more a{color: #000;}
.pag_more a:hover{color: #c00000;}
	
.qita_case{padding: 30px 0px;}




.case_info{width: 100%;padding: 20px 0px 20px 0px; overflow: hidden;}

.case_info_box_1{width: 100%;}
.case_info_box_1 img{width: 100%;}

.case_info_m{margin: 20px 0px; padding: 20px 0px; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.case_info_m_l{ width: 100%; float: left; padding-right: 10px;padding-left: 10px;}
.case_info_m_r{width: 100%; float: left; padding-left: 10px;padding-right: 10px;}
.case_info_m1{font-size: 18px;}
.case_info_m2{font-size: 12px; padding-top: 5px; line-height: 22px; color: #666;}



.case_info_m2{margin: 10px 0px; padding: 0px 0px 20px 0px; display: none; }
.case_info_m_ll{width: 100%; float: left; padding-right: 10px; padding-left: 10px;}
.case_info_m_rr{width: 100%; float: left; padding-left: 30px; text-align: right; display: none;}

.case_info_m3{margin: 10px 0px; padding: 0px 10px 0px 10px; width: 100%; overflow: hidden;}
	.case_info_m3 img{width: 100%;}

.fl_l_04{ display: none; font-size: 26px; line-height: 40px; padding-bottom: 10px; color: #000;}
.fl_l_08{display: none; }
.fl_l_08 a{ background: #000; color: #fff; width: 100%; line-height: 35px; text-align: center; float: left; margin: 6px 0% 6px 0;}
.fl_l_08 a:hover{ color: #c00000;}

	.fl_l{width: 100%;}
.pag_navx{ width: 100%; padding: 0px 10px 20px 10px;}
.pag_navx a{ display: block; float: left; font-size: 14px; font-weight: 400;  border-bottom: 1px dotted #ccc; line-height: 35px; width: 50%; text-align: left; color: #898989;}
.pag_navx a:hover{color:#c00000; font-weight: 400;}
.pag_navx a.dq{color:#c00000; font-weight: 400;}

.server_info{width: 100%;padding: 20px 0px 40px 0px; overflow: hidden;}
	
	


.news_boxm{width: 100%;padding: 20px 0px; overflow: hidden;}
.news_boxm ul {-moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}
.news_boxm ul li{ position: relative; height:auto; padding-bottom: 30px; margin-bottom: 30px; border-bottom:  1px solid #999;}
.news_boxm ul li a{display: block;}
.news_imgl{ position:relative; width: 100%;}
.news_imgl img{width:100%;}
.news_boxr{  padding-left:10px; padding-right: 10px; padding-top: 15px;}

.news_boxr h5{font-size: 16px; line-height: 26px; height:auto; overflow: hidden; margin-bottom: 5px;}
.news_boxr2{ padding-top: 15px; border-top: 1px dotted #ccc; font-size: 14px; line-height: 22px; height: 103px; overflow: hidden; color: #666;}
.news_boxm ul li a .ca_more{ width:140px;margin-top: 10px; padding: 3px 10px; background: #000; color: #fff; }
.news_boxm ul li a:hover .ca_more{ background: #c00000;}
.news_data{ margin-bottom: 10px; color: #999;} 

.news_info{width: 100%;padding: 20px 10px 40px 10px; font-size: 14px;  line-height: 26px; color: #666; overflow: hidden;}
.news_info_tit{font-size: 18px; padding-bottom: 5px; color: #000;}
.news_info_tit1{font-size: 14px; padding-bottom: 20px; margin-bottom: 20px; color: #999; border-bottom: 1px dotted #999;}
	.news_info img{width: 100%;}

.ser_boxm{width: 100%;padding: 30px 10px; overflow: hidden;}
.ser_boxm_x{width: 100%;}
.ser_boxm_x1{ font-size: 18px; line-height: 50px;}
.ser_boxm_x2{ font-size: 18px;}
.ser_boxm_x3{ font-size: 13px; line-height: 26px; padding-top: 10px; color: #666;}
.ser_boxm_x4{ padding: 10px 0px;}
	.ser_boxm_x4 img{width: 100%;}

.ser_boxm_x5{ font-size: 18px; line-height: 50px; border-top: 1px solid #666; margin-top: 20px; padding-top:10px;}

	
	

.about_boxm{padding: 0px 10px;}
.about_01{ font-size: 20px; line-height: 24px; padding-bottom: 10px;}
.about_02{ font-size: 20px; line-height: 24px; color: #000; padding-bottom: 10px;}
.about_03{ font-size: 13px; line-height: 22px; padding: 15px 0px 25px 0px; color: #666;}

.about_04{ font-size: 20px; line-height: 40px; padding-top: 20px; color: #000;}
.about_05{ font-size: 13px; line-height: 22px; padding: 15px 0px; color: #666;}
	.about_05 div{padding-bottom: 10px;}

.about_055{ font-size: 16px; line-height: 35px; padding: 25px 0px; color: #000;}

.about_06{width: 100%;height: 1px; margin: 20px 0px; border-bottom: 1px solid #999;}
.about_66{width: 100%;height: 1px; margin: 20px 0px 10px 0px; border-bottom: 1px solid #ccc;}
.about_07{ font-size: 13px; line-height: 30px; padding: 5px 0px; color: #666;}

.about_08{}
.about_08 a{ background: #000; color: #fff; width: 49%; line-height: 35px; text-align: center; float: left; margin: 10px 1% 10px 0;}
.about_08 a:hover{ color: #c00000;}

.about_09{ padding: 20px 0px;}
.about_091{float: left; width:100%; padding: 0px 10px;}
.about_091 span{display: block; background: #000; color: #fff; text-align: center; line-height: 40px;}
.about_091 img{width: 100%;}




	
	
	
	
	
	
	
/* 智能手机（纵向和横向）--------------------------------------------------------------------------------------------------- */
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
	
	

/* iPad（横向）--------------------------------------------------------------------------------------------------- */
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
	
/* iPads（纵向） --------------------------------------------------------------------------------------------------- */
}


@media only screen 
and (min-width : 1024px) 
and (max-width : 1200px) {

/* 台式机和笔记本电脑 --------------------------------------------------------------------------------------------------- */
}